<template>
  <div class="swiper-container">
    <div class="swiper-wrapper">
      <!-- 组件的内容由父组件传入，并且为 dom 元素 -->
      <slot></slot>
    </div>
    <div class="swiper-pagination"></div>
  </div>
</template>
<script>
import Swiper from 'swiper/bundle'
import 'swiper/swiper-bundle.min.css'

export default {
  data() {
    return {

    }
  },
  mounted() {
    new Swiper('.swiper-container', {
      // 分页器
      pagination: {
        el: '.swiper-pagination',
      },
    })
  }
}
</script>